import { Handle, type HandleProps } from "reactflow";
import { CSSProperties } from "react";

interface CustomHandleProps extends HandleProps {
  style?: CSSProperties;
}

const CustomHandle = (props: CustomHandleProps) => {
  return (
    <Handle
      {...props}
      style={{
        width: "10px",
        height: "10px",
        backgroundColor: "oklch(0.707 0.022 261.325)",
        ...props.style,
      }}
    />
  );
};

export default CustomHandle;
